<?php
/**
 * The Template for displaying a single posts.
 *
 * @file      single.php
 * @package   max-magazine
 * @author    Sami Ch.
 * @link 	  http://gazpo.com
 */
 
?>
<?php get_header(); ?>
<?php $category = get_the_category(get_the_ID());  ?>
<div class="body">
    <div class="home-main cate-main">
    <div class="left">
        <div class="title">
            <h3>
                <a style="padding: 5px 0;" href="<?php echo get_category_link($category[0]->term_id );?>" itemprop="url">
                    <span itemprop="title"><?php  echo $category[0]->cat_name;?></span>
                </a>
            </h3>
            
			
            <div class="datetime"><?php echo sw_get_current_weekday(); ?></div>
        </div>
        <div class="news-detail">
         <!-- START DETAIL -->
            <?php if (have_posts()) { ?>		
    			<?php while (have_posts()) : the_post(); ?>
    		
    			<div  class="single-detail">
                    <h1 class="single-title" ><?php the_title()?></h1>
                    <p class="datetime">
                        <span style="color:#00508c;" itemprop="datePublished" content=""><?php the_date('H:i | d/m/Y'); ?>	</span>
                    </p>
                    <div itemprop="articleBody">
                        <style>
                        .single-detail em {
                            display: inline !important;
                        }
                        .single-detail img + em, .single-detail a + em {
                            display: block !important;
                        }
                        </style>
                        <?php the_content(); ?>	
                    </div>
                    <div class="clear"></div>
                   <p><?php echo get_field('author');?></p>
					<p>Nguồn: <?php echo get_field('source');?></p>
					<p>Bài gốc: <?php echo get_field('source_url');?></p>
                </div>
                
    			<?php setPostViews(get_the_ID()); endwhile; ?> 
		
		
    		<?php } else { ?>
    		  <div  class="single-detail">
    				<h1 class="single-title" >Nothing found</h1>
    					
    			</div>
    			
    		<?php } ?> <!-- /have_posts -->	
            
        <!-- END DETAIL -->

    


</div>
    <style>
        .body .home-main .others-news {
            margin-bottom: 20px;
        }
        .body .home-main .top-others ul {
            margin: 15px 23px;
            border-bottom: dotted 1px #cccccc;
            padding-bottom: 15px;
        }
        .body .home-main .top-others ul li {
            width: 140px;
            display: block;
            margin-right: 23px;
            line-height: 1.8em;
            float: left;
        }
        .body .home-main .top-others ul li:last-child {
            margin-right: 0;
        }
        .body .home-main .top-others ul li a {
            font-weight: bold;
        }
        .body .home-main .bottom-others ul {
            margin: 10px 23px;
        }
        .body .home-main .bottom-others ul li {
            float: left;
            list-style: disc outside none;
            margin: 0 0 0 10px;
            width: 48%;
            line-height: 1.8em;
        }
    </style>
    <div class="others-news">
        <div class="title" style="text-align: center; color: #ffffff; font-weight: bold;">TIN KHÁC</div>
        <div class="top-others">
            <ul>
            <?php $args = array(
                       'cat'      => $category[0]->cat_ID,
                       'posts_per_page'      => 4,
                  );
                  $the_query = new WP_Query($args);
                  // The Loop
                  if ( $the_query->have_posts() ) {
                                    	
                      while ( $the_query->have_posts() ) {
                            $the_query->the_post();
            ?>
                         <li>
                            <a href="<?php esc_url(the_permalink())?>" title="<?php the_title()?>">
                                <?php the_post_thumbnail('detail_viewmore_thumb'); ?>
                            </a>
                            <a href="<?php esc_url(the_permalink())?>" title="<?php the_title()?>"><?php the_title()?></a>
                        </li>  
            <?php          
                        }
                    } 
                /* Restore original Post Data */
                wp_reset_postdata();
                                
            ?>
                 
            </ul>
            <div class="clear"></div>
        </div>
        <div class="bottom-others">
            <ul>
                <li>
                    <a href="#" title="">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a>
                </li>
                <li>
                    <a href="#" title="">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a>
                </li>
                <li>
                    <a href="#" title="">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a>
                </li>
                <li>
                    <a href="#" title="">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a>
                </li>
                <li>
                    <a href="#" title="">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a>
                </li>
                <li>
                    <a href="#" title="">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a>
                </li>
                <li>
                    <a href="#" title="">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a>
                </li>
                <li>
                    <a href="#" title="">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a>
                </li>
                <li>
                    <a href="#" title="">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a>
                </li>
                <li>
                    <a href="#" title="">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a>
                </li>
            </ul>
            <div class="clear"></div>
            <p style="text-align: right; margin: 5px 23px;">
                <a style="color: #0a6ebe; font-weight: bold;" href="#">Xem tiếp ...</a>
            </p>
            
        </div>
    </div>



<!--script>
        var adsUrl = 'http://ads.autodaily.vn/ads/export?page=detail';
        var now = new Date();
        var rnd = Math.random();
        var srnd = now.getTime() * rnd;
        adsUrl += '&rnd=' + srnd;
        (function() {
            var atdlAds = document.createElement('script');
            atdlAds.type = 'text/javascript';
            atdlAds.async = true;
            atdlAds.src = adsUrl;
            var script = document.getElementsByTagName('script')[0];
            script.parentNode.insertBefore(atdlAds, script);
        })();
</script-->

<script>
</script>
<script type="text/javascript">
    var addthis_config = addthis_config || {};
    addthis_config.data_track_addressbar = false;
    addthis_config.data_track_clickback = false;
</script>

<script>
    videojs("content_video", {"height": 366, "width": 600}).ready(function() {
        var myPlayer = this;    // Store the video object
        var aspectRatio = 3 / 5; // Make up an aspect ratio

        function resizeVideoJS() {
            // Get the parent element's actual width
            var width = 600;
            // Set width to fill parent element, Set height
            myPlayer.width(width).height(width * aspectRatio);
        }

        resizeVideoJS(); // Initialize the function
        window.onresize = resizeVideoJS; // Call the function on resize
    });
</script>    </div>
    <div class="right">
        <div id="banner2double" class="banner-300px">
            <div id="banner2a" style="margin-bottom: 8px;"></div>
            <div id="banner2b" style="margin-bottom: 8px;"></div>
        </div>
	
        <div class="home-video">
            <div class="title"><a href="#">VIDEOS</a></div>
			<div class="content">
				<p class="video-title"> <a href="#">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a> </p>
                <iframe style="position: relative" width="300" height="250" src="http://www.youtube-nocookie.com/embed/uuwM7t21gsU?&rel=0" frameborder="0" allowfullscreen></iframe>

                <p class="video-item"> <a href="#">Ford Ranger 2015 chuẩn bị trình làng</a> </p>
                <p class="video-item"> <a href="#">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a> </p>
                <p class="video-item"> <a href="#">Ra mắt thị trường Đông Nam Á, Honda HR-V có giá từ 26.900 USD</a> </p>
            </div>        
		</div>
          
                
        <div id="banner6double" class="banner-300px" style="margin-top: 8px;">
            <div id="banner6a" style="margin-bottom: 8px;"></div>
            <div id="banner6b" style="margin-bottom: 8px;"></div>
        </div>
       
    </div>
</div>
<div class="clear"></div>
</div>

<?php get_footer(); ?>